<template>
  <div class="fourtable">
    <el-table
      :data="tableData"
      style="width: 100%"
       size="small"
      :border="true"
      :cell-style="{ 'text-align': 'center' }"
      :header-cell-style="{
        'text-align': 'center',
        height: '40px',
        background: '#EAF1FF',
      }"
    >
      <el-table-column prop="date"  width="220"> </el-table-column>
      <el-table-column prop="total" label="发起总量" width="400"> </el-table-column>
      <el-table-column prop="success" label="被通知侧完成量" width="400"> </el-table-column>
      <el-table-column prop="proportion" label="被通知侧完成比例" > </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "银联发起",
          total: "56",
          success: "39",
          proportion: "67%",
        },
        {
          date: "华夏发起",
          total: "100",
          success: "100",
          proportion: "100%",
        },

      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.fourtable {
  // margin: 20px;
  background-color: pink;
  height: 120px;
  width: 100%;
}
</style>